<script setup lang="ts"></script>

<template>
  <div class="">
    <view
      style="display: flex; align-items: center; justify-content: space-between; margin-top: 60rpx"
    >
      <view style="display: flex; align-items: center; justify-content: space-between">
        <view><img style="width: 100rpx" src="/src//static//header-img/9.png" alt="" /></view>
        <view>
          <view>王医生</view>
          <view style="margin-top: 10rpx; font-size: 25rpx; color: #d5d5d6">
            积水潭医院 皮肤科 主任医师
          </view>
        </view>
      </view>
      <view>
        <wd-button
          size="small"
          style="color: #87d5cb; background-color: #fff; border: 1px solid #87d5cb"
        >
          + 关注
        </wd-button>
      </view>
    </view>
    <view style="margin: 10rpx 0; font-weight: 700">炎热夏季如何防晒？</view>
    <view style="margin: 20rpx 0; font-size: 23rpx; color: #5fc6bb"># 儿童健康</view>
    <view style="margin: 10rpx 0; font-size: 25rpx; color: #8d8d8d">
      炎热的夏季，那大太阳无时不刻在考验着我们的肌肤，过强、过多的阳光中紫外线的…
    </view>
    <view
      style="display: flex; align-items: center; justify-content: space-around; margin: 15rpx 0"
    >
      <view style="width: 30%">
        <img style="width: 100%" src="/src/static/header-img/10.png" alt="" />
      </view>
      <view style="width: 30%">
        <img style="width: 100%" src="/src/static/header-img/11.png" alt="" />
      </view>
      <view style="width: 30%">
        <img style="width: 100%" src="/src/static/header-img/12.png" alt="" />
      </view>
    </view>

    <view style="font-size: 20rpx; color: #dcdcdd">12 收藏 &nbsp;&nbsp;&nbsp;120评论</view>
  </div>
</template>

<style lang="scss" scoped></style>
